<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<title>特效</title>
    <link href="css/css.css" type="text/css" rel="stylesheet">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/js.js" type="text/javascript"></script>
</head>

<body>
    
    
    <div class="main1200">
	
    <!--滑动特效-->
    <div class="m_t20 fix">
    	<div class="pb_title">
            <span><a href="#">逛街购物</a></span>
        </div>
        <div class="m_t30 fix">
        	<div class="gjgw_left">
            	<div class="zSlider" id="zSlider1">
                    <div class="picshow" id="picshow1">
                        <div class="picshow_img" id="picshow_img1">
                            <ul>
                              <li><a href="#"><img src="images/banner2.jpg"></a><p><a href="#">22222222222222222</a></p></li>
                              <li><a href="#"><img src="images/banner3.jpg"></a><p><a href="#">333333333333</a></p></li>
                              <li><a href="#"><img src="images/banner4.jpg"></a><p><a href="#">44444444444</a></p></li>
                              <li><a href="#"><img src="images/banner2.jpg"></a><p><a href="#">44444444444</a></p></li>
                            </ul>
                        </div>
                    </div>
                    <div class="select_btn" id="select_btn1">
                        <ul>
                            <li><a href="#"><img src="images/banner2.jpg"></a><span></span></li>
                            <li><a href="#"><img src="images/banner3.jpg"></a><span></span></li>
                            <li><a href="#"><img src="images/banner4.jpg"></a><span></span></li>
                            <li><a href="#"><img src="images/banner2.jpg"></a><span></span></li>
                        </ul>
                    </div>	
                  </div>
            </div> 
        </div>
        
        <div class="m_t30 fix">
        	<div class="gjgw_left">
            	<div class="zSlider" id="zSlider2">
                    <div class="picshow" id="picshow2">
                        <div class="picshow_img" id="picshow_img2">
                            <ul>
                              <li><a href="#"><img src="images/banner4.jpg"></a><p><a href="#">22222222222222222</a></p></li>
                              <li><a href="#"><img src="images/banner3.jpg"></a><p><a href="#">333333333333</a></p></li>
                              <li><a href="#"><img src="images/banner2.jpg"></a><p><a href="#">44444444444</a></p></li>
                              <li><a href="#"><img src="images/banner3.jpg"></a><p><a href="#">44444444444</a></p></li>
                            </ul>
                        </div>
                    </div>
                    <div class="select_btn" id="select_btn2">
                        <ul>
                            <li><a href="#"><img src="images/banner4.jpg"></a><span></span></li>
                            <li><a href="#"><img src="images/banner3.jpg"></a><span></span></li>
                            <li><a href="#"><img src="images/banner2.jpg"></a><span></span></li>
                            <li><a href="#"><img src="images/banner3.jpg"></a><span></span></li>
                        </ul>
                    </div>	
                  </div>
            </div> 
        </div>
    </div>
    
        <!--选项卡-->
        <div class="fix">
        <h1 class="titles">选项卡</h1>
          <ul class="jx_tab" id="tab_1">
              <li><a href="#">第一期</a></li>
              <li><a href="#">第二期</a></li>
              <li><a href="#">第三期</a></li>
              <li><a href="#">第四期</a></li>
          </ul>
          <div class="jx_tabcon" id="con_1">
              <div class="tab_cont">1111111111111111111</div>
              <div class="tab_cont">222222222222</div>
              <div class="tab_cont">33333333333333</div>
              <div class="tab_cont">44444444444444</div>
          </div>
        </div>

        <div class="fix">
        <h1 class="titles">选项卡</h1>
            <ul class="jx_tab" id="tab_2">
                <li><a href="#">第一期</a></li>
                <li><a href="#">第二期</a></li>
                <li><a href="#">第三期</a></li>
                <li><a href="#">第四期</a></li>
            </ul>
            <div class="jx_tabcon" id="con_2">
                <div class="tab_cont">1111111111111111111</div>
                <div class="tab_cont">222222222222</div>
                <div class="tab_cont">33333333333333</div>
                <div class="tab_cont">44444444444444</div>
            </div>
        </div>
        
        <!--焦点图切换-->
        <div class="wrapper">
        <div class="focus" id="focus1">
            <ul>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner4.jpg" /></a><p><a href="#">ssssss</a></p></li>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner2.jpg" /></a><p><a href="#">22222</a></p></li>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner3.jpg" /></a><p><a href="#">333333333</a></p></li>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner4.jpg" /></a><p><a href="#">4444444444</a></p></li>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner2.jpg" /></a><p><a href="#">5555555555</a></p></li>
            </ul>
        </div>
      </div>

      <div class="wrapper">
        <div class="focus" id="focus2">
            <ul>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner3.jpg" /></a><p><a href="#">ssssss</a></p></li>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner4.jpg" /></a><p><a href="#">22222</a></p></li>
                <li><a target="_blank" href="#"><img alt="#" src="images/banner2.jpg" /></a><p><a href="#">333333333</a></p></li>
            </ul>
        </div>
      </div>

    </div>
    


</body>
</html>
